page {
  background-color: #FFFFFF;
  height: auto;
}

.container{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	.line{
		height: 10rpx;
		background-color: #f7f7f7;
	}
	.steps{
		// padding-top: 30rpx;
		.remark{
			background-color: #007cc2;
			height: 200rpx;
			line-height: 200rpx;
			color: #FFFFFF;
			font-size: 50rpx;
			text-align: center;
			font-weight: bolder;
			
			
		} 
	}
	.goods{
		margin: 40rpx;
		background-color: #FFFFFF;
		height: 200rpx;
		display: flex;
		image{
			min-width: 200rpx;
			max-width: 200rpx;
			height: 200rpx;
			margin: 10rpx;
			border: 1rpx solid #e6e6e6;
			border-radius: 20rpx;
		}
		.content{
			width: 100%;
			margin-left: 20rpx;
			// border: 1rpx solid #000000;
			.name{
				height: 150rpx;
				// border: 1rpx solid #000000;
			}
			.price{
				display: flex;
				justify-content: flex-end;
				color: #c20000;
				// border: 1rpx solid #000000;
			}
		}
	}
	.send{
		padding: 40rpx;
		height: auto;
		.title{
			font-size: 32rpx;
			font-weight: bolder;
			// line-height: 80rpx;
		}
		.content{
			font-size: 28rpx;
			line-height: 70rpx;
			color: #777777;
		}
	}
	.order{
		padding: 40rpx;
		.title{
			font-size: 32rpx;
			font-weight: bolder;
			height: 80rpx;
			line-height: 80rpx;
		}
		.content{
			font-size: 24rpx;
			height: 50rpx;
			line-height: 50rpx;
			color: #777777;
			.order-code{
				text{
					display: inline;
					margin-right: 20rpx;
				}
			}
			text{
				display: block;
			}
		}
	}
	.bottom{
		background-color: #FFFFFF;
		position: fixed;
		bottom: 0;
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 30rpx;
	}
}